<template>
  <div class="app">
    <router-view />
  </div>
</template>
<script lang="ts">
import { defineComponent} from "vue";
export default defineComponent({
  setup() {
    const debounce = (fn, delay) => {
    let timer
     return (...args) => {
       if (timer) {
         clearTimeout(timer)
       }
       timer = setTimeout(() => {
         fn(...args)
       }, delay)
     }
  }
    
  const _ResizeObserver = window.ResizeObserver;
  window.ResizeObserver = class ResizeObserver extends _ResizeObserver{
     constructor(callback) {
       callback = debounce(callback, 200);
       super(callback);
     }
  }
  }
})
</script>
<style lang="scss" scoped>
.app {
  width: 100vw;
  height: 100vh;
  background-color: #010B19;
  overflow: hidden;
}
.d-player-lightoff[data-v-01791e9e]{
  width: 100%!important;
  height: 100%!important;
}
</style>
<style lang="scss">
.el-scrollbar__bar.is-horizontal {
  height: 0px!important;
}
.el-input__wrapper {
  background-color: transparent!important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.30)  inset!important;
}
.el-input__inner{
  color:#ffffff !important
}
.el-table th.el-table__cell,
.el-table .el-table__cell,
.el-table tr,
.el-table--fit {
  background: transparent !important;
  color: #fff !important;
}
.el-table th.el-table__cell.is-leaf,
.el-table td.el-table__cell {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.el-table__inner-wrapper::before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0px;
}
.el-progress-bar__outer {
  background-color:  rgba(204,231,255,0.08)!important;
}
.el-progress-bar__inner{
  background: linear-gradient(90deg, #CCE7FF 0%, #FFC266 100%)!important;
}

.el-bg-inner-normal .el-progress-bar__inner{
  background: linear-gradient(90deg, #CCE7FF 0%, #66FFAD 100%)!important;
}

.el-bg-inner-high .el-progress-bar__inner{
  background: linear-gradient(90deg, #CCE7FF 0%, #FF9966 100%)!important;
}

.el-bg-inner-low .el-progress-bar__inner{
  background:  linear-gradient(90deg, #CCE7FF 0%, #66A3FF 100%)!important;
}
.el-color-picker__trigger{
  border: none!important;
}
.el-color-picker__color {
  border: none!important;
}
.el-color-picker .el-color-picker__icon {
  display: none!important;
}
.el-button.is-text {
  display: none!important;
}
</style>
